<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var a = 10;
      // 让变量 a 增加 5
      // a + 5; 不行
      // a = a + 5; //可行
      // 简写成
      a += 5; // (+=自增运算)
      // 强调: 变量的修改 一定有 赋值动作 =
      // a = a - 2;
      a -= 2; //自减运算 -=

      // 对于 自增1  和 自减1  还可以简写
      // a += 1;
      a++; // a 自增1
      // a -= 1;
      a--; // a 自减1

      // 自增1 还可以写作
      ++a; // a 自增1

      // 也就是说 实现a自增1  可以用 a++ 也可以用 ++a

      // 区别
      var m = 10;
      // 将 m++的结果 赋值给左边的变量 n
      var n = m++;
      console.log("m==>", m); // 11
      console.log("n==>", n); // 10 证明 m++是把 +1 之前的值 赋给了n

      var x = 10;
      // 将 ++x的结果 赋值给左边的变量 y
      var y = ++x;
      console.log("x==>", x); // 11
      console.log("y==>", y); // 11 证明 ++x是把 +1 之后的值 赋给了y

      // a自减1  可以写成 a-- 或者 --a
    </script>
  </body>
</html>
